#site-box { 
width :1070px ;
height:1600px;
}


body{
background-image: url("H-2.png");/*背景画像URL*/
background-repeat: no-repeat;/*壁紙の表示方法*/
background-attachment:;/*背景壁紙固定なし*/ 
background-position:left;/*背景の表示位置*/

color:black;

}
body { background-color:white; }


#a-box {
width :500px ;
position:absolute;
}
.class1{
text-decoration:none;
font-size:24px;
font-family:Times New Roman;
color:;
position:absolute;
top:60pt;
right:0pt;
bottom:0pt;
left:25pt;
}


#b-box{position:absolute;

}

a.class1{
display:block;/*テキストをボックスにする*/
position:absolute;top:215px; right:0px; left:10px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url(a/matu1.png);
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class1:hover{
background-image:url(a/matu2.png);
color:black;/*リンクに触れたときの文字カラー*/}

a.class2{
display:block;/*テキストをボックスにする*/
position:absolute;top:215px; right:0px; left:260px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/fuku1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class2:hover{
background-image:url(a/fuku2.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class3{
display:block;/*テキストをボックスにする*/
position:absolute;top:460px; right:0px; left:10px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/suza1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class3:hover{
background-image:url(a/suza2.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class4{
display:block;/*テキストをボックスにする*/
position:absolute;top:460px; right:0px; left:260px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/kodomo1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class4:hover{
background-image:url(a/kodomo2.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class5{
display:block;/*テキストをボックスにする*/
position:absolute;top:460px; right:0px; left:510px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/goyo1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class5:hover{
background-image:url(a/goyo2.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class6{
display:block;/*テキストをボックスにする*/
position:absolute;top:705px; right:0px; left:10px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/mizu1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class6:hover{
background-image:url(a/mizu2.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class7{
display:block;/*テキストをボックスにする*/
position:absolute;top:705px; right:0px; left:260px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/hayasi1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class7:hover{
background-image:url(a/hayasi2.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class8{
display:block;/*テキストをボックスにする*/
position:absolute;top:705px; right:0px; left:510px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/ko-1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class8:hover{
background-image:url(a/ko-2.png);
color:black;/*リンクに触れたときの文字カラー*/}



a.class9{
display:block;/*テキストをボックスにする*/
position:absolute;top:950px; right:0px; left:10px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/kami1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class9:hover{
background-image:url(a/kami2.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class10{
display:block;/*テキストをボックスにする*/
position:absolute;top:215px; right:0px; left:510px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/list3.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/

}
a.class10:hover{
background-image:url(a/list4.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class11{
display:block;/*テキストをボックスにする*/
position:absolute;top:950px; right:0px; left:260px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/sima1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class11:hover{
background-image:url(a/sima2.png);
color:black;/*リンクに触れたときの文字カラー*/}



a.class12{
display:block;/*テキストをボックスにする*/
position:absolute;top:950px; right:0px; left:510px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/yone1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class12:hover{
background-image:url(a/yone2.png);
color:black;/*リンクに触れたときの文字カラー*/}



a.class13{
display:block;/*テキストをボックスにする*/
position:absolute;top:1195px; right:0px; left:10px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/nunose1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class13:hover{
background-image:url(a/nunose2.png);
color:black;/*リンクに触れたときの文字カラー*/}



a.class14{
display:block;/*テキストをボックスにする*/
position:absolute;top:1195px; right:0px; left:260px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/midori1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class14:hover{
background-image:url(a/midori2.png);
color:black;/*リンクに触れたときの文字カラー*/}



a.class15{
display:block;/*テキストをボックスにする*/
position:absolute;top:1195px; right:0px; left:510px;
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:231px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url("a/sikaisi1.png");
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:16px;/*フォントサイズ*/
letter-spacing:2px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
}
a.class15:hover{
background-image:url(a/sikaisi2.png);
color:black;/*リンクに触れたときの文字カラー*/}



#e-box {
width :70px;
height:25px;

position:absolute;
top:620pt;
right:0pt;
bottom:0pt;
left:625pt;
}

a.rol{
display:block;/*テキストをボックスにする*/
width:235px;/*ボックスの幅指定（画像に合わせる）*/
height:90px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url(back3.png);
background-position:left top;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/

}
a.rol:hover{
background-image:url(back3-2.png);
color:#585858;/*リンクに触れたときの文字カラー*/}